<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>第九次CSS动画作业</title>
        <style type="text/css">
            *{
                margin: 0px;
                padding: 0px;
            }
            .all{
                width:960px;
                margin: 0px auto;
            }
            .first a{
                font-size: 28px;
                color: green;
                text-decoration: none;
            }
            .second a{
                font-size: 28px;
                color: blue;
                text-decoration: none;
            }
            .third a{
                font-size: 28px;
                color: pink;
                text-decoration: none;
            }
            .four a{
                font-size: 28px;
                color: red;
                text-decoration: none;
            }
        </style>
    <head>
    <body>
        <div class="all">
           <div class="first"><a href="http://l2633110692.gitee.io/liutianqi_2017.12.15_zuoye/zhaopian.html">多彩照片墙</a></div>
           <div class="second"><a href="http://l2633110692.gitee.io/liutianqi_2017.12.15_zuoye/%E6%97%8B%E8%BD%AC%E6%8C%89%E9%92%AE.html">旋转按钮</a></div>
           <div class="third"><a href="http://l2633110692.gitee.io/liutianqi_2017.12.15_zuoye/%E7%83%AD%E9%94%80%E6%97%B6%E8%A3%85.html">QQ彩贝热销时装</a></div>
           <div class="four"><a href="http://l2633110692.gitee.io/liutianqi_2017.12.15_zuoye/%E6%96%B0%E5%BD%A9%E8%B4%9D%E5%AF%BC%E8%88%AA.html">QQ彩贝导航</a></div>
       </div>
    </body>